import React from "react";

export const LandingHeroStrapiIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width={64}
    height={64}
    viewBox="0 0 64 64"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g opacity={0.5} filter="url(#filter0_f_1305_2853)">
      <path
        d="M39.72 20H24.28C21.9162 20 20 21.9162 20 24.28V39.72C20 42.0838 21.9162 44 24.28 44H39.72C42.0838 44 44 42.0838 44 39.72V24.28C44 21.9162 42.0838 20 39.72 20Z"
        fill="#4945FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M36.6405 27.2397H28.4507V31.3306H32.5497C32.6157 31.3306 32.6693 31.3842 32.6693 31.4503V35.549H36.7601V27.3594C36.7601 27.2933 36.7066 27.2397 36.6405 27.2397Z"
        fill="white"
      />
      <path
        opacity={0.42}
        fillRule="evenodd"
        clipRule="evenodd"
        d="M28.4517 27.2397V31.3305H24.5052C24.452 31.3305 24.4253 31.2661 24.463 31.2284L28.4517 27.2397Z"
        fill="white"
      />
      <path
        opacity={0.42}
        fillRule="evenodd"
        clipRule="evenodd"
        d="M32.772 39.5374C32.7344 39.5751 32.6699 39.5485 32.6699 39.4952V35.5488H36.7607L32.772 39.5374Z"
        fill="white"
      />
      <path
        opacity={0.42}
        d="M28.4521 31.3306H32.611C32.644 31.3306 32.6708 31.3573 32.6708 31.3904V35.5491H28.5718C28.5057 35.5491 28.4521 35.4956 28.4521 35.4295V31.3306Z"
        fill="white"
      />
    </g>
    <path
      d="M39.72 20H24.28C21.9162 20 20 21.9162 20 24.28V39.72C20 42.0838 21.9162 44 24.28 44H39.72C42.0838 44 44 42.0838 44 39.72V24.28C44 21.9162 42.0838 20 39.72 20Z"
      fill="#4945FF"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M36.6405 27.2397H28.4507V31.3306H32.5497C32.6157 31.3306 32.6693 31.3842 32.6693 31.4503V35.549H36.7601V27.3594C36.7601 27.2933 36.7066 27.2397 36.6405 27.2397Z"
      fill="white"
    />
    <path
      opacity={0.42}
      fillRule="evenodd"
      clipRule="evenodd"
      d="M28.4517 27.2397V31.3305H24.5052C24.452 31.3305 24.4253 31.2661 24.463 31.2284L28.4517 27.2397Z"
      fill="white"
    />
    <path
      opacity={0.42}
      fillRule="evenodd"
      clipRule="evenodd"
      d="M32.772 39.5374C32.7344 39.5751 32.6699 39.5485 32.6699 39.4952V35.5488H36.7607L32.772 39.5374Z"
      fill="white"
    />
    <path
      opacity={0.42}
      d="M28.4521 31.3306H32.611C32.644 31.3306 32.6708 31.3573 32.6708 31.3904V35.5491H28.5718C28.5057 35.5491 28.4521 35.4956 28.4521 35.4295V31.3306Z"
      fill="white"
    />
    <defs>
      <filter
        id="filter0_f_1305_2853"
        x={12}
        y={12}
        width={40}
        height={40}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={4}
          result="effect1_foregroundBlur_1305_2853"
        />
      </filter>
    </defs>
  </svg>
);
